
/*  --  BUTTONS  --  */

input.but span,
input.buthot span, 
button.but span,
button.buthot span {
	padding: 0px 8px 0px 8px;
	display: block;
	}
input.but,
input.butshort,
input.buthot, 
input.buthotshort, 
button.but,
button.butshort,
button.buthot ,
button.buthotshort {
	margin-right: 2px;
	padding: 1px 0px 1px 0px;
	background: #EEEEEE url(../../images/layout-button-menu-gradient.png) repeat-x scroll center top;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
	-moz-border-radius: 0.2em;
	cursor : pointer;
	outline: none;
	}

button.add span,
button.cancel span,
button.edit span,
button.filter span,
button.remove span,
button.reset span {
	background-repeat: no-repeat;
	background-position: 3px 0px;
	padding-left: 25px;
	outline: none;
	}
button.add span {
	background-image: url(http://icons.ceusmedia.com/famfamfam/silk/add.png);
	}
button.cancel span {
	background-image: url(http://icons.ceusmedia.com/famfamfam/silk/arrow_left.png);
	}
button.edit span {
	background-image: url(http://icons.ceusmedia.com/famfamfam/silk/accept.png);
	}
button.filter span {
	background-image: url(http://icons.ceusmedia.com/famfamfam/silk/magnifier.png);
	}
button.remove span {
	background-image: url(http://icons.ceusmedia.com/famfamfam/silk/delete.png);
	}
button.reset span {
	background-image: url(http://icons.ceusmedia.com/famfamfam/silk/bin_closed.png);
	}

button[disabled] {
	opacity: 0.5;
	border: 2px solid gray;
	color: gray;
	}


input.but:focus,
input.butshort:focus,
input.buthot:focus, 
input.buthotshort:focus, 
button.but:focus,
button.butshort:focus,
button.buthot:focus,
button.buthotshort:focus{
	border-color: #999999 #CCCCCC #CCCCCC #999999;
	outline: none;
	}
